.base-swiper-component {
	position: relative;
	margin: 24rpx 24rpx 0;
	.swiper-content {
		height: 200rpx;
		border-radius: 10rpx;
		overflow: hidden;
		.swiper-item {
			background-color: #ececec;
		}
		.icon-banner {
			width: 100%;
			height: 200rpx;
		}
	}
	.indicator-dots {
		position: absolute;
		left: 0;
		bottom: 18rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		.indicator-dots-item {
			opacity: 0.6;
			margin: 0 6rpx;
			width: 8rpx;
			height: 8rpx;
			border-radius: 4rpx;
			background-color: #fff;
			transition: 0.3s;
			&.active {
				opacity: 1;
				width: 16rpx;
			}
		}
	}
}